window.onload=function(){
	var box=document.getElementById("o-face");
	var img=box.getElementsByTagName("img");
	var index=img.length;
	var bW=document.body.clientWidth;
	var bodyW=parseInt(bW);

	for(var i=0;i<img.length;i++){	
		(function(n){
			img[i].style.zIndex=n;
			if(bodyW>320&&bodyW<410){
				img[i].style.left=-n*17+"px";
			}
			if(bodyW>410&&bodyW<600){
				img[i].style.left=-n*30+"px";
			}
			if(bodyW>600&&bodyW<720){
				img[i].style.left=-n*40+"px";
			}
			if(bodyW>800){
				img[i].style.left=-n*50+"px";
			}				
		})(i);		
	}
}